<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<title>Document</title>
</head>
<body>
	<div id="app">
		<!-- 好恶心， 原来的文档中都可以用value作为值来使用，现在使用居然会报错！ -->
		<!-- <div v-for='(v, key, index) in obj'>{{v + '----' + key + '----' +index}}</div> -->

		<!-- v-if和v-for结合使用！ -->
		<!-- 只有符合if语句的 才能被渲染到页面中！ -->
		<div v-if='v == 23' v-for='(v, key, index) in obj'>{{v + '----' + key + '----' +index}}</div>

	</div>
	<script type="text/javascript" src="js/vue.js"></script>
	<script>
		//使用原生的js遍历对象
		var obj = {
			uname: 'lvhang', 
			age: 23,
			gender: 'male'
		}
		for (var key in obj) {
			console.log(key, obj[key]);
		}
		/*
			循环结构：
				v-if和v-for结合使用：
		*/
		var vm = new Vue({
			el: "#app",
			data: {
				obj:  {
					uname: 'lvhang',
					age: 23,
					gender: 'male'
				}
			
			},
			methods: {

			}
		})
	</script>
</body>
</html>